<template>
	<view class="con">
		<block v-for="(item, index) in takeshop" :key="index">
			<view class="content-view" click="takeoutClick(item, openid)">
				<view class="content-img">
					<image :src="item.logo" mode="aspectFill"></image>					
				</view>
				<view class="content-title">
					<text class="cont-take">{{item.shop}}</text>
					<view class="cont-monthly">
						<text>月售200</text>
						<text>约{{item.duration}}分钟</text>
					</view>
					<view class="cont-starting">
						<text>起送¥{{item.delivering}}</text>
						<text>配送¥{{item.physical}}</text>
						<text>人均¥{{item.capita}}</text>
					</view>
					<view class="cont-starting">
						<image src="../../../static/coen/liwu.svg" mode="widthFix"></image>
						<text>{{item.types}}</text>
					</view>
				</view>
			</view>
			
		</block>
	</view>
</template>

<script>
	export default {
		props:{
			takeshop: Array
		},
		data(){
			return {
				
			}
		}
	}
</script>

<style scoped>
	@import '../../../common/takeout.css'
</style>
